        <div id="home">
            <ul>
               <li title="随机密码生成" style="background-image:url(./static/img/create_pwd.png);" onclick="Home_Tools.create_pwd();"><span>密码生成</span></li>
               <li title="base64编解码" style="background-image:url(./static/img/base64.png);" onclick="Home_Tools.base64();"><span>Base64</span></li>
               <li title="字符串随机排序" style="background-image:url(./static/img/tools.png);" onclick="Home_Tools.string_sort();"><span>字符排序</span></li>
               <li title="URL编码/解码" style="background-image:url(./static/img/tools.png);" onclick="Home_Tools.uri_encode();"><span>URL编码</span></li>
               <li title="大小写转换" style="background-image:url(./static/img/tools.png);" onclick="Home_Tools.upper_low();"><span>大小写转换</span></li>
               <li title="JSON格式化" style="background-image:url(./static/img/tools.png);" onclick="Home_Tools.json_style.go();"><span style="font-size:12px;">JSON格式化</span></li>
               <li title="Hash计算" style="background-image:url(./static/img/tools.png);" onclick="Home_Tools.hash_encode();"><span>Hash计算</span></li>
               <li title="Unix时间戳" style="background-image:url(./static/img/tools.png);" onclick="Home_Tools.unixtime();"><span>Unix时间戳</span></li>
               <li title="生成/解码二维码" style="background-image:url(./static/img/tools.png);" onclick="Home_Tools.qrcode.show();"><span>二维码</span></li>
               <li title="字符串去重" style="background-image:url(./static/img/tools.png);" onclick="Home_Tools.unique.show();"><span>字符串去重</span></li>
            </ul>
            <div class="create_pwd" style="display:none;">
                <p><span>生成随机密码</span><a>X</a></p>
                <div class="input_list">
                    <p><span>密码长度:</span><input type="text" value="16" name="len" style="padding:3px;width:52px;text-align:center;margin-right:10px;"/><span>输入 6 - 64 之间</span></p>
                    <p><span>字符类型:</span></p>
                    <div>
                       <label><input type="checkbox" value="0123456789" name="number" checked/><span>阿拉伯数字</span></label>
                       <label><input type="checkbox" value="abcdefghijklmnopqrstuvwxyz" name="lower" checked/><span>小写字母</span></label>
                       <label style="margin-right:10px;"><input type="checkbox" value="ABCDEFGHIJKLMNOPQRSTUVWXYZ" name="upper" checked/><span>大写字母</span></label>
                       <label><input type="checkbox" value="[+=-@#~,.[]()!%^*$]" name="other"/><span>特殊字符[+=-@#~,.[]()!%^*$]</span></label>
                    </div>
                    <p style="padding-right:0px;"><span style="width:50px;">密码:</span><input type="text" name="enc" style="width:338px;text-align:center;"/></p>
                    <p style="text-align:center;">
                      <a class="button" style="margin-right:100px;" onclick="Home_Tools.create_pwd(1);">生成</a>
                      <a class="button" onclick="Home_Tools.create_pwd(2,this);" >复制</a>
                    </p>
                </div>
            </div>
            <div class="base64" style="display:none;">
                <p><span>Base64编码/解码</span><a>X</a></p>
                <div><textarea></textarea></div>
                <p style="margin:3px;">
                  <a class="button" style="margin-right:120px;" onclick="Home_Tools.base64(1);">编码</a>
                  <a class="button" onclick="$(this).parent().find('input[type=file]').click();" style="margin-right:120px;">文件</a>
                  <a class="button" onclick="Home_Tools.base64(0);">解码</a>
                  <input type="file" onchange="Home_Tools.base64(2);" style="display:none">
                </p>
            </div>
            <div class="string_sort" style="display:none;">
                <p><span>字符串排序</span><a>X</a></p>
                <div><textarea></textarea></div>
                <p style="margin:3px;"><a class="button" onclick="Home_Tools.string_sort(1);">随机排序</a></p>
            </div>
            <div class="uri_encode" style="display:none;">
                <p><span>URL编码/解码</span><a>X</a></p>
                <div><textarea></textarea></div>
                <p style="margin:3px;">
                  <a class="button" style="margin-right:260px;" onclick="Home_Tools.uri_encode(1);">编码</a>
                  <a class="button" onclick="Home_Tools.uri_encode(0);">解码</a>
                </p>
            </div>
            <div class="upper_low" style="display:none;">
                <p><span>大小写转换</span><a>X</a></p>
                <div><textarea></textarea></div>
                <p style="margin:3px;">
                  <a class="button" style="margin-right:260px;" onclick="Home_Tools.upper_low(1);">大写</a>
                  <a class="button" onclick="Home_Tools.upper_low(0);">小写</a>
                </p>
            </div>
            <div class="json_style" style="display:none;">
                <p><span>JSON格式化</span><a>X</a></p>
                <div class="json_info"></div>
                <textarea name="txt" readonly></textarea>
            </div>
            <div class="hash_encode" style="display:none;">
                <p><span>Hash校验</span><a>X</a></p>
                <div class="input_list">
                   <p><span>md5:</span><input type="text" name="md5" onclick="$(this).select();" readonly/></p>
                   <p><span>sha256:</span><input type="text" name="sha256" onclick="$(this).select();" readonly/></p>
                   <p><span>sha512:</span><input type="text" name="sha512" onclick="$(this).select();" readonly/></p>
                   <p><span>文件:</span><input type="text" name="path" style="width:245px;margin-right:5px;" readonly/><a class="button" onclick="$(this).next().click();">浏览..</a>
                      <input type="file" onchange="$(this).parent().find('input[name=path]').val(this.value);Home_Tools.hash_encode(2);" style="display:none">
                   </p>
                   <p style="margin-bottom:0px;padding-left:90px;">
                     <label style="margin-right:80px;"><input type="radio" name="tocase" value="lower" checked/><span>小写</span></label>
                     <label><input type="radio" name="tocase" value="upper"/><span>大写</span></label>
                   </p>
                </div>
                <div><textarea name="txt"></textarea><a class="button" onclick="Home_Tools.hash_encode(1);">生成</a></div>
            </div>
            <div class="unixtime" style="display:none;">
                <p><span>Unix时间戳</span><a>X</a></p>
                <div class="input_list">
                   <p>
                     <span>现&emsp;在:</span><input type="text" name="ntime" readonly/><span>=></span><input type="text" readonly/>
                   </p>
                   <p>
                     <span>时&emsp;间:</span><input type="text" name="ltime" /><span>=></span><input type="text" readonly/>
                   </p>
                   <p>
                     <span>时间戳:</span><input type="text" name="temptime" /><span>=></span><input type="text" readonly/>
                   </p>
                </div>
            </div>
            <div class="qrcode" style="display:none;">
                <p><span>二维码</span><a>X</a></p>
                <div class="input_list">
                   <div>
                      <p>输入内容</p>
                      <textarea name="content"></textarea>
                      <p>
                        <a class="button_l" style="display:block;width:80px;float:left;" onclick="Home_Tools.qrcode.create();">生成</a>
                        <a class="button_l" style="display:block;width:80px;float:right;" onclick="Home_Tools.qrcode.decode(this)">解码</a>
                        <input type="file" style="display:none;"/>
                      </p>
                   </div>
                   <div></div>
                </div>
            </div>
            <!-- 字符串去重 --->
            <div class="unique" style="display:none;">
                <p><span>字符串排重</span><a>X</a></p>
                <div>
                   <div>
                     <textarea name="r_text" wrap="off" style="float:left;background-color:#fff2de;"></textarea>
                     <textarea name="t_text" wrap="off" style="float:right;border-left:0px;" readonly></textarea>
                   </div>
                   <div>
                       <select name="active">
                         <option value="1">去除重复</option>
                         <option value="2">去除内容</option>
                         <option value="3">去掉空行</option>
                         <option value="4">去掉行包含</option>
                         <option value="5">保留行包含</option>
                         <option value="6">内容替换</option>
                         <!--<option value="7">替换行包含</option>-->
                         <option value="8">添加到行首</option>
                         <option value="9">添加到行尾</option>
                         <option value="10">去掉中文</option>
                         <option value="11">去掉英文字母</option>
                         <option value="12">去掉数字</option>
                         <option value="13">去除HTML标记</option>
                         <option value="14">去除标点符号</option>
                       </select>
                       <input type="text" name="r_input" placeholder="内容" style="width:500px;"/>
                       <input type="text" name="t_input" placeholder="替换为" style="display:none;"/>
                       <a class="button_l" onclick="Home_Tools.unique.go();">执行</a>
                   </div>

                </div>
            </div>
            <!----------------------------------->
            <!-- ************ IP地址查询 **********----->
            <div class="get_ip_info" style="display:none;">
                <p><span>IP地址查询</span><a>X</a></p>
                <div>
                   <div class="ip_info"></div>
                   <p>
                     <span>ip:</span>
                     <input type="text" name="ip" style="margin-right:5px;width:202px" onkeyup="value=value.replace(/[^0-9.]/g,'');"/>
                     <a class="button_l" onclick="Home_Tools.get_ip_info(1);">查询</a>
                     <a class="button_l" onclick="$(this).parent().parent().find('.ip_info').html('');" style="margin-left:30px;">清空</a>
                   </p>
                </div>
            </div>
            <!-- *************** 图像文字识别 ************----->
            <div class="ocr_word" style="display:none;">
                <p><span>IP地址查询</span><a>X</a></p>
                <div>
                   <textarea class="word_info" readonly></textarea>
                   <p>
                     <a class="button_l" onclick="Home_Tools.ocr.go(this);">上传图像</a>
                     <input type="file" style="display:none;"/>
                     <a class="button_l" onclick="$(this).parent().parent().find('.word_info').val('');" style="margin-left:30px;float:right;">清空</a>
                   </p>
                </div>
            </div>
            <!-- *******************************************------>

        </div>
